<template>
  <el-dialog title="批量添加钱包地址" :visible.sync="visible" width="66%" @open="onOpen" :before-close="onCancel">
    <el-input type="textarea" :rows="12" placeholder="每一行为一个钱包地址：
            UQCyEI3qLSz5m3Ma6qrpteSckPkf2AxiehGJGnt1aoSGPMFr
            UQCGGbqeIaoZXeVDX1wISO8k-KhJBk1nAY1LUaaagfbOoXEC
            UQClI9YnaFZFGGEMuimKnf7q9GwtuBXL0nmw4GBjZyTFqrW-
            UQAtT9uuAMEEsmTOLQeBgg4ZHEwk0c6O15eyvi1XT2xgDcyq
            UQD6c3pOhVRHbo2aS0lKjD5l3ZOjQxm39rEKbN83I36uCQgS
    " v-model="walletText">
    </el-input>
    <span slot="footer" class="dialog-footer">
      <el-button @click="onCancel">取 消</el-button>
      <el-button type="primary" @click="onConfirm">确 定</el-button>
    </span>
  </el-dialog>
</template>

<script>

export default {
  props: {
    visible: { type: Boolean, default: false },
  },
  data() {
    return {
      formLabelWidth: '120px',
      walletText: "",
    }
  },
  methods: {
    onCancel() {
      this.$emit("on-dismiss")
    },
    async onConfirm() {
      
      this.$emit("on-dismiss", this.walletText)
    },
    onOpen() {
      this.walletText = ""
    },
  }
}
</script>



<style lang="scss" scoped>
.version-update {
  &-info {
    margin-left: 10px;
    margin-top: 10px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
  }

  &-footer {
    margin-right: 60px;
  }
}
</style>